<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no" />
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="../c/aui.css" />
	<style>
		body{
				background-color:transparent;
				/*background-color:#000;*/
					/*background-color:#fff;*/
		}
		.section{
			background: #FE2C55;
			padding: 0.85rem;
			margin: 1rem;
			display: inline-block;
			border-radius: 50%;
			box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
			width: 2.5rem;
		}
		.section img{
			transform:rotate(45deg);
		}
	</style>
</head>

<body>
	<div class="section">
		<img src="../i/x.png" >
	</div>
</body>
<script type="text/javascript" src="../j/api.js"></script>
	<script type="text/javascript" src="../j/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
	var w = $('.section').width();
	var h = $('.section').height();
	console.log(w+":"+h)
	apiready = function() {
		urls();
		// 回到屏幕
		api.addEventListener({
			name: 'viewappear'
		}, function(ret, err) {});
		// 离开屏幕
		api.addEventListener({
			name: 'viewdisappear'
		}, function(ret, err) {});
		//应用进入后台事件
		api.addEventListener({
			name: 'pause'
		}, function(ret, err) {});
		// 应用从后台回到前台事件
		api.addEventListener({
			name: 'resume'
		}, function(ret, err) {});

	}
</script>

</html>
